.container {
    width: 1170px;
    margin: 0 auto;
}

.fl {
    float: left;
}
.fr {
    float: right;
}

.mt20{
    margin-top: 20px;
}
.ml10 {
    margin-left: 10px;
}
.ml30{
    margin-left: 30px;
}


.top .logo {
    width: 200px;
    height: 56px;
    float: left;

}
.top .search  {
    float: right;
}
.top .search input {
    margin-top: 8px;
    height: 38px;
    border: 1px solid #c4e3f3;
}

.nav {
}

.nav .nav-box {
    float: right;
}
.nav .nav-box .main-nav {
    float: left;
    height: 61px;
}
.nav .nav-box .main-nav a {
    height: 61px;
    line-height: 61px;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
}
.nav .nav-box .main-nav  a:hover {
    background-color: blue;
    color: white;
}

.banner img {
    width: 100%;
}
